<template>
    <div class="index-wrap">
        <div class="index-left">
            <HomeNav />
        </div>
        <div class="index-right">
          <HomeSwiper />
          <HomeProductList />
        </div>
    </div>
</template>

<script>
import HomeNav from "./HomeNav";
import HomeSwiper from "./HomeSwiper";
import HomeProductList from "./HomeProductList"

export default {
    name: "HomeView",
    components: {
        HomeNav,
        HomeSwiper,
        HomeProductList
    },
};
</script>
<style lang="less" scoped>
.index-wrap {
    width: 1150px;
    margin: 0 auto;
}
.index-left {
    float: left;
    width: 220px;
    text-align: left;
}
.index-right {
  float: left;
  width: 900px;
}
</style>